import axios from 'axios'// 导入axios
import { Message } from 'element-ui'// 导入提示框组件
import store from '@/store'// 导入vuex中的store
import router from '@/router'
// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // baseURL: 'http://ihrm-java.itheima.net', // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 先从vuex中获取token值
    const token = store.state.user.token
    // 如果token有值,则把请求头添加Authorization
    if (token) {
      config.headers.Authorization = 'Bearer ' + token
    }
    return config
  },
  error => {
    console.log(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    // 如果响应结果的success值为true,证明登录成功
    if (response.data.success) {
      // 弹出提示信息4
      Message.success(response.data.message)
      // 返回成功后的数据
      return response.data
    } else {
      // 如果响应结果sucess值为false,证明登录失败
      Message.error(response.data.message)
      // 抛出错误
      return Promise.reject(new Error(response.data.message))
    }
  },
  error => {
    // 处理token失效的问题
    if (error.response && error.response.data && error.response.data.code === 10002) {
      store.dispatch('user/layoutLogin')
      router.push('/login')
    } else {
    // 其他状态码的错误,抛出错误信息
      Message.error(error.message)
    }
    return Promise.reject(new Error(error.message))
  }
)

export default service
